{include file="header/header"}
		<section>
			<div class="banner">
				<img src="/static/home/images/our_bg.png" >
			</div>
			<div class="box">
				<div class="top xinpin">
					<p class="btit"><span>新品</span>上市</p>
					<p class="btitt">NEW ARRIVAL</p>
				</div>
				<div class="xinpin_img"><img src="/static/home/images/xxpin_bg.png" ></div>
				<div class="baokuan">
					<div class="top tuijian">
						<p class="btit"><span>爆款</span>推荐</p>
						<p class="btitt">NEW ARRIVAL</p>
					</div>
					<div class="jiaju swiper-container">
						<ul class="jiaju_ul swiper-wrapper">
							{foreach $pro as $p}
							<li class="jiaju_li swiper-slide">
								<div class="jiaju_img" style="height:300px"><img src="/upload/{$p.pro_pic}" style="height:100%;"></div>
								<p class="baokuan_p">{$p.pro_title}</p>
							</li>
							{/foreach}
						</ul>
						<div class="swiper-button-prev"></div><!--左箭头。如果放置在swiper-container外面，需要自定义样式。-->
    				<div class="swiper-button-next"></div>
						<div class="clear"></div>
					</div>
				</div>
				<div class="top foryou">
					<p class="btit"><span>为你</span>推荐</p>
					<p class="btitt">NEW ARRIVAL</p>
				</div>
				{foreach $pro as $p}
				<div class="beiou {eq name='$p.isleft' value='0'}two{/eq}">
					{eq name='$p.isleft' value='1'}
						<div class="boleft"><img src="/static/home/images/beiou_1.png" ></div>
					{/eq}
					<div class="boright">
						<div class="fengge">
							<p class="fg_tit">{$p.pro_title}</p>
							<p class="fg_p1">
								{$p.pro_des}
							</p>
							<p class="fg_jg">{$p.pro_price}</p>
							<div class="shop"><a href="">立即抢购</a></div>
						</div>
					</div>
					{eq name='$p.isleft' value='0'}
						<div class="boleft"><img src="/static/home/images/beiou_1.png" ></div>
					{/eq}
					<div class="clear"></div>
				</div>
				{/foreach}
				<div class="jiemian">
					<p class="jm_tit">宝图家居</p>
					<div class="jm_write"></div>
					<p class="jm_p1">
						创意icon、界面、banner，这里应有尽有！创意icon、界面、banner，这里应有尽有！创意icon、界面、banner，这里应有尽有！创意icon、界面、banner，这里应有尽有！创意icon、界面、banner，这里应有尽有！
					</p>
				</div>
			</div>
		</section>
		{include file="footer/footer"}
		<script src="/static/public/swiper/package/js/swiper.min.js"></script>
		<script>
			var mySwiper = new Swiper('.swiper-container', {
				autoplay: false,//可选选项，自动滑动
				navigation: {
				    nextEl: '.swiper-button-next',
				    prevEl: '.swiper-button-prev',
			  	},
			  	effect : 'coverflow',
  slidesPerView: 3,
  centeredSlides: true,
  coverflowEffect: {
    rotate: 30,
    stretch: 10,
    depth: 60,
    modifier: 2,
    slideShadows : true
  },
			})
		</script>